import { Avatar, Space, Toast } from "antd-mobile";
import React from "react";
import HomeIcon from "assets/common_tab_home_n.png";
import VideoIcon from "assets/common_tab_video_n.png";
import "./index.scss";
const index = () => {
  // 点击首页icon跳转
  const hangleHome = () => {
    Toast.show({
      content: "点击首页跳转",
    });
  };
  // 点击视频icon跳转
  const hangleVideo = () => {
    Toast.show({
      content: "点击视频跳转",
    });
  };
  return (
    <div>
      {/* 底部 */}
      <div className="footer">
        <Space block wrap>
          <Avatar className="avatar" src={HomeIcon} onClick={hangleHome} />
        </Space>
        <Space block wrap>
          <Avatar className="avatar" src={VideoIcon} onClick={hangleVideo} />
        </Space>
      </div>
    </div>
  );
};

export default index;
